import React, { Component } from 'react'
import { WriteWrapper, WriteHeader, WriteItem, WriteDetail } from '../style';

export default class Writer extends Component {
    render() {
        return (
            <div>
                <WriteWrapper>
                    <WriteHeader>
                    <div className="left">推荐作者</div>
                    <div className="right">换一批</div>
                    </WriteHeader>
                    <div>
                        <WriteItem>
                            <img className="pic" src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96" alt="" />
                            <WriteDetail>
                                <div className="left">
                                    <h1 className="name">yang</h1>
                                    <p className="info">是一个大坏蛋</p>
                                </div>
                                <div className="right">+关注</div>
                            </WriteDetail>
                        </WriteItem>
                        <WriteItem>
                            <img className="pic" src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96" alt="" />
                            <WriteDetail>
                                <div className="left">
                                    <h1 className="name">yang</h1>
                                    <p className="info">是一个大坏蛋</p>
                                </div>
                                <div className="right">+关注</div>
                            </WriteDetail>
                        </WriteItem>
                        <WriteItem>
                            <img className="pic" src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96" alt="" />
                            <WriteDetail>
                                <div className="left">
                                    <h1 className="name">yang</h1>
                                    <p className="info">是一个大坏蛋</p>
                                </div>
                                <div className="right">+关注</div>
                            </WriteDetail>
                        </WriteItem>
                        <WriteItem>
                            <img className="pic" src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96" alt="" />
                            <WriteDetail>
                                <div className="left">
                                    <h1 className="name">yang</h1>
                                    <p className="info">是一个大坏蛋</p>
                                </div>
                                <div className="right">+关注</div>
                            </WriteDetail>
                        </WriteItem>
                    </div>
                </WriteWrapper>
            </div>
        )
    }
}
